<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>会员权益详情</title>
    <link rel="stylesheet" href="/static/astro_explain/css/swiper.min.css">
    <link rel="stylesheet" href="/static/vip2/css/vip_right.css?v=2019.11.13">
    <link rel="stylesheet" href="/static/vip2/css/common.css?v=2019.11.08">
</head>
<body onselectstart="return false;" class="body_bg">
<div id="top">
    <div class="swiper-container" id="nav">
        <div class="swiper-wrapper">
            {if is_array($data) && !empty($data)}
            {foreach $data as $k=>$vo}
            <div class="swiper-slide">
                <img src="{$oss}vip/images/vip_right/{$vo.icon}">
            </div>
            {/foreach}
            {/if}
        </div>
    </div>
</div>

<div class="swiper-container" id="page">
    <div class="swiper-wrapper">
        {foreach $data as $k=>$vo}
        <div class="swiper-slide slidepage">
            <div class="page_container">
                <div class="arrow_con">
                    <img class="img" src="{$oss}/vip/images/vip_right/solid_arrow_img.png">
                </div>
                <div class="content_con">
                    <div class="header_con">
                        <img class="header_title_img" src="{$oss}vip/images/vip_right/title_img.png">
                        <div class="header_title">{$vo.title}</div>
                    </div>
                    {if $vo.type===1}
                    <img class="content_img" style="width: 100%" src="{$oss}{$vo.des}">
                    {else/}
                    <div class="header_des">{$vo.des}</div>

                    <div class="list_con">
                        <div class="list_header_con bg-gray">
                            <div class="left_title">会员等级</div>
                            <div class="right_title">{$vo.header}</div>
                        </div>
                        {foreach $vo.list as $key=>$text}
                        <div class="{$key%2==1?'item_con bg-gray':'item_con'}">
                            <div class="item_left">{$key == 8?'璀璨星光会员':($k != 6?'V'.($key+1).'会员':'璀璨星光会员')}</div>
                            {if $k==1 }
                            <img class="item_img" src="{$oss}vip/images/vip_right/vip{$key+1}.png">
                            {else/}
                            <div class="item_right">{$text}</div>
                            {/if}
                        </div>
                        {/foreach}
                    </div>
                    {/if}
                </div>
            </div>
        </div>
        {/foreach}
    </div>
</div>
<script>
    var index = '{$index}'
</script>
<script src="/static/astro_explain/js/swiper.min.js"></script>
<script src="/static/vip2/js/vip_right.js?v=1.0.7"></script>
<script src="/static/vip2/js/common_statistics.js"></script>
{include file="../apps/web/view/public/sensors.html" /}
</body>
</html>
